<template>
	<mescroll-uni
		@init="mescrollInit"
		:height="height"
		:down="downOption"
		@down="refresh"
		:up="upOption"
		@up="getData">
		<!-- 数据列表 -->
		<list-card v-for="(item, index) in datas" :key="index" :item="item" />
	</mescroll-uni>
</template>

<script>
import listCard from "./list-card.vue"
import { mapState } from "vuex"
import { GetList } from "@/service/api/baskOrder.js"
export default {
	  props: {
		 height: {
		     type: String,
		     default: "100px",
		 },
		 state: {
		     type: String,
		     default: "-1",
		 },
		 requestData: {
		     type: Object,
		     default: {},
		 }
	  },
    components: {
        listCard,
    },
	data() {
	    return {
	        downOption: {
	            use: true,
	        },
	        upOption: {
	            page: {
	                num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
	                size: 10, // 每页数据的数量
	                time: null, // 加载第一页数据服务器返回的时间; 防止用户翻页时,后台新增了数据从而导致下一页数据重复;
	            },
	            textLoading: "加载中 ...", // 加载中的提示文本
	            textNoMore: "-- 没有更多了 --", // 没有更多数据的提示文本
	            empty: {
	                icon: "/static/img/empty.png", // 图标路径 (建议放入static目录, 如 /static/img/mescroll-empty.png )
	                tip: "~ 暂无数据 ~", // 空提示
	            },
	            toTop: {
	                src: false,
	            },
	        },
	        datas: [],
	        param: {},
	    }
	},
	mounted() {
	    this.refresh(this.requestData)
	},
	methods: {
		getData(page) {
		    let param = this.requestData
		    param.pageSize = page.size
		    param.pageIndex = page.num
		    param.status = this.state
		    GetList(param).then((res) => {
		        this.mescroll.endBySize(res.Data.length, res.RecordAmout)
		        this.datas = this.datas.concat(res.Data)
		    })
		},
		refresh(requestData) {
		    this.param = requestData
		    this.datas = []
		    this.mescroll.resetUpScroll()
		},
	}
}
</script>

<style></style>
